<template>
  <div  class="text-center">
    ab
    <div v-if="is">
      <v-btn class="mx-2" fab dark small color="primary">
      <v-icon dark>
        mdi-minus
      </v-icon>
    </v-btn>

    <v-btn class="mx-2" fab dark small color="pink">
      <v-icon dark>
        mdi-heart
      </v-icon>
    </v-btn>

    <v-btn class="mx-2" fab dark color="indigo">
      <v-icon dark>
        mdi-plus
      </v-icon>
    </v-btn>

    <v-btn class="mx-2" fab dark color="teal">
      <v-icon dark>
        mdi-format-list-bulleted-square
      </v-icon>
    </v-btn>

    <v-btn class="mx-2" fab dark large color="cyan">
      <v-icon dark>
        mdi-pencil
      </v-icon>
    </v-btn>

    <v-btn class="mx-2" fab dark large color="purple">
      <v-icon dark>
        mdi-android
      </v-icon>
    </v-btn>

    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">
        主要按钮
      </el-button>
      <el-button type="success">
        成功按钮
      </el-button>
      <el-button type="info">
        信息按钮
      </el-button>
      <el-button type="warning">
        警告按钮
      </el-button>
      <el-button type="danger">
        危险按钮
      </el-button>
    </el-row>
    </div>
    
  </div>
</template>
<script>
const Vue = window.Vue
console.log('about1', Vue);
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

export default {
  beforeCreate(){

  },
  data: () => ({
    is: false
  }),
  created(){
    
    console.log('about2', window.Vue);
  },
  mounted(){
    // console.log('about3', window.Vue.call(this, {
    //   ElementUI
    // }));
    window.Vue.call(this, {
      ElementUI
    })
    console.log(1);
    
    setTimeout(() => {
      this.is = true
      console.log('about4', window.Vue);
    },1000)
  }
  
}
</script>
